<template>
        <div>
                <div class="title">
                    <h1>33344</h1> 
                </div>
                <div class="nav">
                    <div class="search">
                        <img src="https://s1.ax1x.com/2022/10/14/xdxpGT.png" alt="">
                            <input type="text" placeholder="搜索患者名字"/>
                    </div>
                    <span>取消</span>
                </div>
         <div>
          <ul class="List">
                <li>
                    <van-row type="flex" justify="center" class="articleList" >
                    <van-col span="5" class="backList">
                     <span>待接诊</span>
                    </van-col>
                    <van-col span="14" class="personnel">
                        <h6>王慧芳 10岁 女</h6>
                        <span>To：小儿心内科</span>
                    </van-col>
                    <van-col span="4" class="Listtitem">今天 9:00</van-col>
                    </van-row>
                </li>
            </ul>
          </div>
        </div>
</template>

<script>
export default {
  name: "assisearch",
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="less" scoped>
.title {
  height: 4.375rem;
  background: #199ed8;
  display: flex;
  justify-content: center;
  h1 {
    background: #199ed8;
    color: #fff;
    padding-top: 1.5625rem;
    font-weight: 100;
    font-size: 1.0625rem;
  }
}
.nav {
  height: 3.4375rem;
  border-bottom: 0.0625rem solid #cccccc;
  .search {
    width: 18.75rem;
    height: 1.9375rem;
    border-radius: 3.125rem;
    border: 1px solid #cccccc;
    margin: 0.6875rem 0 0 0.6875rem;
    float: left;
    img {
      margin: 0.4375rem 0 0 0.625rem;
      float: left;
    }
    input {
      width: 15.625rem;
      height: 1.0625rem;
      border: 0;
      margin: 0.375rem 0 0 0.125rem;
    }
  }
  span {
    display: inline-block;
    margin: 1.25rem 0 0 1.25rem;
    color: #199ed8;
    font-size: 0.625rem;
  }
}
.article{
        border-bottom:.0625rem #ccc solid;
        .articletheme{
            height: 1.25rem;
           padding: .375rem;
           
           .theme{
            font-size: .8125rem;
            color: #199ed8;
           }
        }
    }
    .articleList{
        padding: .625rem;
        height: 2.5rem;
        border-bottom: 1px solid #ccc;
    }
    .backList{
        background-image: url('https://s1.ax1x.com/2022/10/14/xdxCzF.png');
        background-repeat:no-repeat;
        background-position: .625rem 0;
        span{
            font-size: .625rem;
            color: #fff;
            background-color:rgba(0,0,0,0);
            position: relative;
            top: .625rem;
            left: .6875rem;
        }
    } 
    .List{
        .personnel{
        h6{
            margin-bottom: .3125rem;
        }
        span{
            font-size: .8125rem;
            color: #999999;
        }
        
    }  
    .Listtitem{
            font-size: .625rem;
        }
    }
</style>